/* 主题样式配置 */
/* 微信小程序不支持CSS变量，直接在样式中使用具体颜色值 */

/* 颜色定义（注释形式）
主色调：
- primary-gradient-start: #6A82FB
- primary-gradient-end: #FC5C7D

背景色：
- background-start: #E0F2F7
- background-middle: #E8EAF6
- background-end: #EDE7F6
- card-background: rgba(255, 255, 255, 0.9)

文本颜色：
- text-primary: #000000
- text-secondary: rgba(0, 0, 0, 0.7)

起卦图标背景色：
- voice-icon-bg1: #E6F7FF, voice-icon-bg2: #C2E6FF
- photo-icon-bg1: #FFE0E6, photo-icon-bg2: #FFD0E0  
- time-icon-bg1: #E0FFE6, time-icon-bg2: #C2FFD0
- number-icon-bg1: #FFFAE0, number-icon-bg2: #FFF7C2
*/

/* 渐变背景 */
.gradient-background {
	background: linear-gradient(135deg, #E0F2F7 0%, #E8EAF6 50%, #EDE7F6 100%);
	min-height: 100vh;
}

/* 主要渐变 */
.primary-gradient {
	background: linear-gradient(135deg, #6A82FB 0%, #FC5C7D 100%);
}

/* 卡片样式 */
.app-card {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 32rpx;
	box-shadow: 0 8rpx 32rpx rgba(106, 130, 251, 0.15);
	padding: 32rpx;
	margin: 16rpx 0;
}

/* 按钮样式 */
.app-button {
	padding: 24rpx 48rpx;
	border-radius: 60rpx;
	font-size: 32rpx;
	font-weight: 500;
	border: none;
	position: relative;
	overflow: hidden;
}

.app-button.primary {
	background: linear-gradient(135deg, #6A82FB 0%, #FC5C7D 100%);
	color: white;
}

.app-button.secondary {
	background-color: rgba(255, 255, 255, 0.9);
	color: #000000;
	border: 2rpx solid #6A82FB;
}

/* 起卦卡片样式 */
.divination-card {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 32rpx;
	padding: 32rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 280rpx;
	box-shadow: 0 8rpx 32rpx rgba(106, 130, 251, 0.15);
	transition: transform 0.2s ease;
}

.divination-card:active {
	transform: scale(0.98);
}

.divination-card .icon {
	font-size: 96rpx;
	margin-bottom: 16rpx;
	width: 120rpx;
	height: 120rpx;
	border-radius: 60rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.divination-card.voice .icon {
	background: linear-gradient(135deg, #E6F7FF 0%, #C2E6FF 100%);
}

.divination-card.photo .icon {
	background: linear-gradient(135deg, #FFE0E6 0%, #FFD0E0 100%);
}

.divination-card.time .icon {
	background: linear-gradient(135deg, #E0FFE6 0%, #C2FFD0 100%);
}

.divination-card.number .icon {
	background: linear-gradient(135deg, #FFFAE0 0%, #FFF7C2 100%);
}

.divination-card .title {
	font-size: 32rpx;
	font-weight: 500;
	color: #000000;
}

/* 标题样式 */
.display-large {
	font-size: 48rpx;
	font-weight: bold;
	color: #000000;
}

.display-medium {
	font-size: 40rpx;
	font-weight: 700;
	color: #000000;
}

.body-large {
	font-size: 32rpx;
	color: #000000;
}

.body-medium {
	font-size: 28rpx;
	color: rgba(0, 0, 0, 0.7);
}

/* 页面容器 */
.page-container {
	background: linear-gradient(135deg, #E0F2F7 0%, #E8EAF6 50%, #EDE7F6 100%);
	min-height: 100vh;
}

/* 安全区域 */
.safe-area {
	padding-top: var(--status-bar-height, 44px);
}

/* 底部导航栏 */
.bottom-nav {
	background-color: white;
	border-top: 1rpx solid #f0f0f0;
	padding-bottom: var(--safe-area-inset-bottom, 0);
}

/* 输入框样式 */
.app-input {
	border: 2rpx solid #f0f0f0;
	border-radius: 30rpx;
	padding: 24rpx 30rpx;
	font-size: 32rpx;
	background-color: white;
}

.app-input:focus {
	border-color: #6A82FB;
}

/* 加载动画 */
.loading {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40rpx;
}

.loading-text {
	margin-left: 16rpx;
	color: rgba(0, 0, 0, 0.7);
	font-size: 28rpx;
}